<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ page isELIgnored="false" %>
<%@ taglib  uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>游戏开始了</title>
<script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery-ui.min.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/js/game_start.js"></script>
<script type="text/javascript">
var requestContentPath = "<%=request.getContextPath() %>";
</script>
<link rel="stylesheet" href="<%=request.getContextPath() %>/css/jquery-ui.min.css" >
</head>
<body>
<a onclick="backToHome()">不玩了，返回主页</a> |
<a onclick="logout()">不玩了，直接退出</a> |
<a onclick="re_open()">不会，还是下一局吧</a>
<br>
当前是第<span id="tryNumber">${tryNumber }</span>次尝试
<hr>
<table>
<tr><td id="allporkers"><c:forEach items="${current4Porkers}" var="porker">
<img class="porker" data="${porker.number}" alt="${porker.ownPath}" src="<%=request.getContextPath()%>${porker.pathForDisplay}" />

</c:forEach>
<img class="expcard" data="+" src="<%=request.getContextPath()%>/images/plus.jpg">
<img class="expcard" data="-" src="<%=request.getContextPath()%>/images/minus.jpg">
<img class="expcard" data="*" src="<%=request.getContextPath()%>/images/multiple.jpg">
<img class="expcard" data="/" src="<%=request.getContextPath()%>/images/div.jpg">
<img class="expcard" data="(" src="<%=request.getContextPath()%>/images/left.jpg">
<img class="expcard" data=")" src="<%=request.getContextPath()%>/images/right.jpg">
</td>
</tr>
<tr><td >请把上面的扑克往下面拖拉，让结果为24. 前4张是只能用一次的，后面6个计算是可以多次使用的。
</td></tr>
<tr style="height:150px;">
<td  style="background:green;" id="gamehere"></td></tr>
<tr><td >完成之后，请点击<button onclick="getExp();">提交</button>
</td></tr>
</table>
<div id="passDialog" title="这局通过了，恭喜">
<button onclick="goHome();">回主页</button> <button onclick="nextGame();">继续下一关</button>
</div>
<div id="tryagainDialog" title="再试试看吧">
<p class="message"></p>
<button onclick="closeTryAgainDialog();">好的</button> 
</div>
<div id="failDialog" title="闯关失败">
<button onclick="goHome();">回主页</button> <button onclick="nextGame();">下一关看看</button>
</div>
</body>
</html>